<template>
  <div>
    <div class="top">
      <p>分类</p>
      <Top></Top>
    </div>
      <div class="main">
        <Aside></Aside>
      </div>
      <Bb></Bb>
  </div>
</template>

<script>
import Top from "@/components/top.vue"
import Aside from "@/components/type/aside.vue"
export default {
  components:{
          Top,
          Aside,
  },
}
</script>

<style scoped>
.top{
  height:0.84rem;
}
 p{
   width:100%;
   height: 0.4rem;
   text-align: center;
   font-size: 0.24rem;
   font-weight: 400;
   line-height: 0.4rem;
 }
 .main{
   display: flex;

   flex: 1;
   overflow: scroll;
 }
  .main>div{
    height: 100%;
    overflow: scroll;
    display: flex;
  }
</style>